<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

    <script type="text/javascript">
        function submit() {
            var name = $("#name").val();
            var no = $("#no").val();
            var hallId = $("#hallId").val();
            var foodId = $('input[name="foodId"]:checked').val()
            $.post("/submit", {hallId: hallId, foodId: foodId, name: name, no: no}, function (result) {
                if(result == 'ok'){
                    window.location.href="/report";
                }
            });
        }
    </script>
</head>
<table align="center" width="90%" height="100%" border=1 bordercolor="#00ff99">
    <tbody>
    <tr>
        <td colspan="1" align="center">
            <img src="${hall.picUrl}"></img>
            <input type="hidden" id="hallId" value="${hall.id}"/>
            <h1>${hall.name}</h1>
        </td>
        <td bgcolor="#ff8c00" colspan="1" align="center">
            ${hall.disInfo}
        </td>
        <td bgcolor="#a9a9a9" colspan="1" align="center">
            ${hall.bulletinInfo}
        </td>
    </tr>
    <tr>
        <td colspan="3" align="center">拼单:选餐后点击提交，汇总拼单信息</td>
    </tr>

    <%
    for(var i=0;i
    <row ; i++){
         %>
        <tr>
            <%
            if(@foodList.size()<=(i*3+0)){
            break;
            }
            var food = @foodList.get(i*3+0);
            if(food != null){%>
            <td width="30%">
                <input name="foodId" type="radio" value="${food.id}"/>

                <div><img src="${food.picUrl}"></div>
                <div>${food.name}</div>
                <div>${food.price/10}</div>
            </td>
            <%}%>
            <%
            if(@foodList.size()<=(i*3+1)){
            break;
            }
            food = @foodList.get(i*3+1);
            if(food != null){%>
            <td width="30%">
                <input name="foodId" type="radio" value="${food.id}"/>

                <div><img src="${food.picUrl}"></div>
                <div>${food.name}</div>
                <div>${food.price/10}</div>
            </td>
            <%}%>
            <%
            if(@foodList.size()<=(i*3+2)){
            break;
            }
            food = @foodList.get(i*3+2);
            if(food != null){%>
            <td width="30%">
                <input name="foodId" type="radio" value="${food.id}"/>

                <div><img src="${food.picUrl}"></div>
                <div>${food.name}</div>
                <div>${food.price/10}</div>
            </td>
            <%}%>

        </tr>
        <%}
        %>
        <tr>
            <td bgcolor="#f0f8ff" colspan="3" height="100">
            </td>
        </tr>
    </tbody>
</table>

<div style="position:fixed;width:1024px;height:30px;text-align:center;left:100px;bottom:10px;
    background-color:rgb(125,147,0);opacity:0.8">
    <table align="center" width="90%" height="100%">
        <tr>
            <td colspan="1" align="center">
                <label>姓名</label>
                <input id="name" type="text" value="${owner}" name="name">
            </td>
            <td colspan="1" align="center">
                <label>工号</label>
                <input id="no" type="text" value="${ownerNo}" name="no">
            </td>
            <td colspan="1" align="center">
                <input type="button" value="提交" onclick="submit()"/>
            </td>
        </tr>
    </table>
</div>
</html>